/**
 * mixin是一个对象，包装的内容和一个vue组件的内容相同
 * 主要作用是复用属性和方法
 * 会将mixin对象合并到组件对象中去，如有冲突，以组件对象的值为准
 * 在组件中使用mixin中的属性和方法，和使用组件属性和方法的方式是一样的
 */
export const mixin = {
  data() {
    return {
      name: 'dilireba',
      age: 18,
      gender: 0
    }
  },
  methods: {
    hello() {
      console.log('hello, welcome to mixins.')
    },
    myClick() {
      console.log('click for what?')
    }
  },
  created() {
    this.hello()
  }
}